<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <title>登录</title>
    <link rel="stylesheet" href="/plug-in/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="/plug-in/layer/theme/default/layer.css"  media="all">
    <link rel="stylesheet" href="/css/index.css"  media="all">
</head>
<body background="/pic/background.jpg" class="background">
    <div class="mid-login">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名：</label>
            <div class="layui-input-block">
                <input id="userName" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入用户名" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密码：</label>
            <div class="layui-input-block">
                <input id="password" type="password" name="password" lay-verify="title" autocomplete="off" placeholder="请输入密码" class="layui-input">
            </div>
        </div>
        <button class="layui-btn layui-btn-primary" id="login" onclick="login()">登录</button>
        <button class="layui-btn layui-btn-primary" id="registerUser" onclick="registerUser()">注册</button>
        <button class="layui-btn layui-btn-primary" id="reset" onclick="reset()">重置</button>
    </div>
    <div id="register" class="register-frame" style="display:none">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名：</label>
            <div class="layui-input-block">
                <input id="userNameRe" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入用户名" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密码：</label>
            <div class="layui-input-block">
                <input id="passwordRe" type="password" name="password" lay-verify="title" autocomplete="off" placeholder="请输入密码" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">确认密码：</label>
            <div class="layui-input-block">
                <input id="passwordRe2" type="password" name="password" lay-verify="title" autocomplete="off" placeholder="请再次输入密码" class="layui-input">
            </div>
        </div>
    </div>
<%--<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>--%>
<script type="text/javascript" src="/plug-in/jquery-3.2.1/jquery-3.2.1.js"></script>
<script type="text/javascript" src="/plug-in/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/plug-in/layer/layer.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/md5.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
</body>
</html>